ualibraries / ual-payments

import ReactSVG from 'react-svg'

import HelpControl from './HelpControl'

import AccountControl from './AccountControl'

import branding from '../images/branding.svg'

class Header extends React.Component {

  state = {

    helpControlActive: false

  }

  /**

   * Handle a click event on the help control.

   */

  helpControlHandler = () => {

    this.setState({

      helpControlActive: !this.state.helpControlActive,

      settingsControlActive: false

    })

  }

  /**

   * Handler closes help and settings control.

   */

  globalExitHandler = event => {

    let resetState = () => {

      this.setState({

        helpControlActive: false

      })

    }

    !document.getElementById('header__uicontrols').contains(event.target)

      ? resetState()

      : null

  }

  /**

   * Bind the global exit handler after the component mounts.

   */

  componentDidMount() {

    document.body.addEventListener('click', this.globalExitHandler)

  }

  }

}

export default Header